<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <script src="../js/index.js" type="module"></script>

</head>

<body>
    <div class="AD">
        <p>
            <a href="#"><img src="../img/广告-header.png" alt=""></a>
            <span>×</span>
        </p>
    </div>
    <div id="header">
    </div>
    <div class="carousel">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                <li data-target="#carousel-example-generic" data-slide-to="4"></li>
                <li data-target="#carousel-example-generic" data-slide-to="5"></li>
                <li data-target="#carousel-example-generic" data-slide-to="6"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <a href="#"><img src="../img/轮播图1.jpg" alt="..."></a>
                </div>
                <div class="item">
                    <a href="#"><img src="../img/轮播图2.jpg" alt="..."></a>
                </div>
                <div class="item">
                    <a href="#"><img src="../img/轮播图3.jpg" alt="..."></a>
                </div>
                <div class="item">
                    <a href="#"><img src="../img/轮播图4.jpg" alt="..."></a>
                </div>
                <div class="item">
                    <a href="#"><img src="../img/轮播图5.jpg" alt="..."></a>
                </div>
                <div class="item">
                    <a href="#"><img src="../img/轮播图6.jpg" alt="..."></a>
                </div>
                <div class="item">
                    <a href="#"><img src="../img/轮播图7.jpg" alt="..."></a>
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
        <div class="wrapper">
            <ul class="a-nav">
                <li><a href="javascript:;">手机</a><span></span></li>
                <li><a href="javascript:;">智能穿戴&VR</a><span></span></li>
                <li><a href="javascript:;">耳机音箱眼镜</a><span></span></li>
                <li><a href="javascript:;">智能屏</a><span></span></li>
                <li><a href="javascript:;">电脑</a><span></span></li>
                <li><a href="javascript:;">平板</a><span></span></li>
                <li><a href="javascript:;">智能路由</a><span></span></li>
                <li><a href="javascript:;">配件</a><span></span></li>
                <li><a href="javascript:;">生态产品</a><span></span></li>
                <li>
                    <a href="javascript:;">美食酒饮</a><span></span>
                </li>
                <li>
                    <a href="javascript:;">增值服务&企业商用</a><span></span>
                </li>
            </ul>
            <div class="user-box">
                <section>
                    <img src="../img/头像.png" alt="">
                    <div>
                        <span>您好！请 <a href="../html/login.html"> 登录 </a>/<a href="../html/reg.html"> 注册</a></span>
                        <div><a href="javascript:;">新人福利</a><a href="javascript:;">会员频道</a></div>
                    </div>
                </section>
                <section>
                    <a href="javascript:;"><span></span>企业购</a>
                    <a href="javascript:;"><span></span>会员领券</a>
                    <a href="javascript:;"><span></span>以旧换新</a>
                    <a href="javascript:;"><span></span>P40系列</a>
                    <a href="javascript:;"><span></span>华为数据</a>
                    <a href="javascript:;"><span></span>智能家居</a>

                </section>
                <section>
                    <div>
                        <div><a href="javascript:;">公告</a></div>
                        <div></div>
                    </div>
                    <div>
                        <a href="javascript:;"><i></i>优购码</a><a href="javascript:;"><i></i>更换电池</a><a href="javascript:;"><i></i>补购保障</a>
                    </div>
                </section>
            </div>
        </div>
    </div>
    <div id="main">
        <div class="wrapper">
            <div class="box1">
                <ul>
                    <li class="clear-litop">
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/box1-img.png" alt="">
                        </a>
                    </li>
                    <li class="clear-litop">
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/box1-img1.png" alt="">
                        </a>
                    </li>
                    <li class="clear-litop">
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/box1-img2.png" alt="">
                        </a>
                    </li>
                    <li class="clear-litop">
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/box-img3.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="rx" id="rx">
                <h2>热销单品</h2>
                <div class="rx-left">
                    <a href="javascript:;">
                        <img class="lazy" data-original="../img/rx-img1.jpg" alt="">
                    </a>
                </div>
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/rx-img2.png" alt="">
                            <h3>FreeBuds 4i</h3>
                            <p>预定享3期免息</p>
                            <span>￥499
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/rx-img3.png" alt="">
                            <h3>HUAWEI Mate 40E 5G</h3>
                            <p>Mate 40系列新品上市</p>
                            <span>￥4599
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/rx-img4.png" alt="">
                            <h3>网易有道词典笔2加强版 黑色</h3>
                            <p>限时直降￥200，2件领券到
                            </p>
                            <span>￥599
                            </span>
                        </a>
                    </li>
                    <li class="clear-mr">
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/rx-img5.png" alt="">
                            <h3>HUAWEI Mate 40 5G</h3>
                            <p>每天10:08限量开售</p>
                            <span>￥4999
                            </span>
                        </a>
                    </li>
                    <li class="li-bottom">
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/rx-img6.png" alt="">
                            <h3>HUAWEI P40 Pro+ 5G</h3>
                            <p>徕卡五摄</p>
                            <span>￥7958
                            </span>
                        </a>
                    </li>
                    <li class="li-bottom">
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/rx-img7.png" alt="">
                            <h3>HUAWEI Mate 30E Pro 5G</h3>
                            <p>享分期免息</p>
                            <span>￥5299
                            </span>
                        </a>
                    </li>
                    <li class="li-bottom">
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/rx-img8.png" alt="">
                            <h3>立久佳(LIJIUJIA)家用静音折叠跑步机</h3>
                            <p>预订优惠200元</p>
                            <span>￥1499
                            </span>
                        </a>
                    </li>
                    <li class="li-bottom clear-mr">
                        <a href="javascript:;">
                            <img class="lazy" data-original="../img/rx-img9.png" alt="">
                            <h3>HUAWEI nova 8 Pro</h3>
                            <p>10:08限时开售</p>
                            <span>￥3999
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="jp" id="jp">
                <h2>精品推荐</h2>
                <div class="ck"></div>
                <div class="ck"></div>
                <span></span><span></span>
                <div class="jp-box">
                    <ul>
                        <li>
                            <a href="../html/product.details.html?id=1">
                                <img class="lazy" data-original=" ../img/jp-img1.png " alt=" ">
                                <p>预订立省50元</p>
                                <h3>HUAWEI WATCH GT 2 Pro</h3>
                                <span>￥2388
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product.details.html?id=2 ">
                                <img class="lazy" data-original="../img/jp-img2.png " alt=" ">
                                <p>预订最高优惠100</p>
                                <h3>FreeBuds Pro</h3>
                                <span>￥1099
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product.details.html?id=3 ">
                                <img class="lazy" data-original="../img/jp-img3.png " alt=" ">
                                <p>预订优惠100元</p>
                                <h3>FreeLace Pro 无线耳机 樱语粉</h3>
                                <span>￥599
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product.details.html?id=4 ">
                                <img class="lazy" data-original="../img/jp-img4.png " alt=" ">
                                <p>预订最高优惠200</p>
                                <h3>FreeBuds 3</h3>
                                <span>￥899
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product.details.html?id=5 ">
                                <img class="lazy" data-original="../img/牙刷1.1.png " alt=" ">
                                <p>限时优惠50元</p>
                                <h3>usmile智能声波电动牙刷</h3>
                                <span>￥189
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img6.png " alt=" ">
                                <p>柔性减震真护膝</p>
                                <h3>华为智选 亿健精灵跑步机</h3>
                                <span>￥1999
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img7.png " alt=" ">
                                <p></p>
                                <h3>HUAWEI 风范双肩包</h3>
                                <span>￥599
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img8.png " alt=" ">
                                <p>享3期免息</p>
                                <h3>华为智慧屏 55英寸</h3>
                                <span>￥4299
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img9.png " alt=" ">
                                <p>预订优惠600元</p>
                                <h3>舒华E3简约时尚智能跑步机</h3>
                                <span>￥1899
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img10.png " alt=" ">
                                <p>预订立省100元</p>
                                <h3>华为手环 B6 运动版</h3>
                                <span>￥999
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img11.png " alt=" ">
                                <p>预订优惠110元</p>
                                <h3>HUAWEI FreeLace 无线耳机</h3>
                                <span>￥499
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img12.png " alt=" ">
                                <p>享12期免息</p>
                                <h3>HUAWE X GENTLE MONSTER Eyewear II 时尚智能眼镜</h3>
                                <span>￥2499
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img13.png " alt=" ">
                                <p>预订省100元</p>
                                <h3>Sound 智能音箱</h3>
                                <span>￥999
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img14.png " alt=" ">
                                <p>享3期免息</p>
                                <h3>HUAWEI MateBook X</h3>
                                <span>￥8999
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img15.png " alt=" ">
                                <p>预订立省100</p>
                                <h3>华为儿童手表 3 Pro</h3>
                                <span>￥798
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img18.png " alt=" ">
                                <p>预订立省540元/p>
                                    <h3>华为智能体脂秤 3</h3>
                                    <span>￥169
                            </span>
                            </a>
                        </li>
                        <li>
                            <a href="# ">
                                <img class="lazy" data-original="../img/jp-img19.png " alt=" ">
                                <p>预订立省30元</p>
                                <h3>华为超级快充立式无线充电器 （Max 50W）</h3>
                                <span>￥
                            </a>
                        </li>329
                            </span>
                                <li class="clear-mr ">
                                    <a href="# ">
                                        <img class="lazy" data-original="../img/jp-img20.png " alt=" ">
                                        <p>双向66W超级快充</p>
                                        <h3>华为12000 66W超级快充移动电源</h3>
                                        <span>￥399
                            </span>
                                    </a>
                                </li>
                    </ul>
                </div>

                <div class="jp-bottom ">
                    <div id="carousel-example-generic " class="carousel slide " data-ride="carousel ">
                        <!-- Indicators -->
                        <ol class="carousel-indicators ">
                            <li class="jp-lo active " data-target="#carousel-example-generic " data-slide-to="0 "></li>
                            <li class="jp-lo " data-target="#carousel-example-generic " data-slide-to="1 "></li>
                            <li class="jp-lo " data-target="#carousel-example-generic " data-slide-to="2 "></li>
                        </ol>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner " role="listbox ">
                            <div class="item active ">
                                <img class="lazy" data-original="../img/jp-lo.jpg " alt="... ">
                                <div class="carousel-caption ">
                                    ...
                                </div>
                            </div>
                            <div class="item ">
                                <img class="lazy" data-original="../img/jp-lo1.jpg " alt="... ">
                                <div class="carousel-caption ">
                                    ...
                                </div>
                            </div>
                            <div class="item ">
                                <img class="lazy" data-original="../img/jp-lo2.png " alt="... ">
                                <div class="carousel-caption ">
                                    ...
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sj" id="sj">
                <h2 class="h2-list1 ">手机
                    <ul>
                        <li class="jp-lo "><a href="# ">HUAWEI Mate 系列</a></li>
                        <li class="jp-lo "><a href="# ">HUAWEI P 系列</a></li>
                        <li class="jp-lo "><a href="# ">HUAWEI nova 系列</a></li>
                        <li class="jp-lo "><a href="# ">华为畅享系列</a></li>
                        <li class="jp-lo "><a href="# ">HUAWEI 麦芒系列</a></li>
                    </ul>
                    <a href="# ">查看全部</a>
                </h2>
                <ul>
                    <li class="clear-ml ">
                        <a href="# ">
                            <img class="lazy" data-original="../img/sj-img1.png " alt=" ">
                        </a>
                    </li>
                    <li>
                        <a href="# ">
                            <img class="lazy" data-original="../img/sj-box.png " alt=" ">
                            <h3>华为畅享20 SE</h3>
                            <p>全高清大屏</p>
                            <span>￥1499</span>
                        </a>
                    </li>
                    <li>
                        <a href="# ">
                            <img class="lazy" data-original="../img/sj-box1.png " alt=" ">
                            <h3>HUAWEI Mate 30 RS 保时捷设计</h3>
                            <p>致敬时代</p>
                            <span>￥12999</span>
                        </a>
                    </li>
                    <li>
                        <a href="# ">
                            <img class="lazy" data-original="../img/sj-box2.png " alt=" ">
                            <h3>HUAWEI nova 7 Pro</h3>
                            <p>10:08限量开售</p>
                            <span>￥3699</span>
                        </a>
                    </li>
                    <li class="clear-mr clear-ml ">
                        <a href="# ">
                            <img class="lazy" data-original="../img/sj-box3.png " alt=" ">
                            <h3>华为畅享20 Pro</h3>
                            <p>90Hz畅享屏</p>
                            <span>￥1999</span>
                        </a>
                    </li>
                </ul>
                <div class="sj-bottom ">
                    <a href="# ">
                        <img class="lazy" data-original="../img/新人.png " alt=" ">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div id="slider-nav">
        <ul>
            <li class="index-tabs">
                <a href="#" title="rx">
                    <p>热销单品</p>
                </a>
            </li>
            <li class="index-tabs">
                <a href=" # " title="jp">
                    <p>精品推荐</p>
                </a>
            </li>
            <li class="index-tabs">
                <a href="# " title="sj">
                    <p>手机</p>
                </a>
            </li>
            <li class="tabs-shop">
                <a href="# ">
                    <span></span>
                    <p>购物车</p>
                </a>
            </li>
            <li class="tabs-woman">
                <a href="# ">
                    <span></span>
                    <p>在线客服</p>
                </a>
            </li>
            <li class="tabs-serve">
                <a href="# ">
                    <span></span>
                    <p>自助服务</p>
                </a>
            </li>
            <li class="tabs-top">
                <a href="# ">
                    <span></span>
                    <p>返回顶部</p>
                </a>
            </li>
        </ul>
    </div>
    <div id="last-box"></div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js "></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js "></script>
</body>

</html>